<!-- 登录页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东-欢迎登录</title>
    <link rel="shortcut icon" href="favicon (1).ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
    <div class="login_head">
        <img src="images/logo-201305-b.png" alt="">
        <div class="huanying"></div>
        <div class="diaocha">
            <span></span>
            <a href="javascript:;">登录页面，调查问卷</a>
        </div>
    </div>

    <div class="head_yinsi">
        <div class="w">
            <p>
                <img src="images/icon-tips.png" alt="">
                <span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="javascript:;">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</span>
            </p>
        </div>
    </div>

    <div class="login_big">
        <div class="w">
            <div class="login_form">
                <div class="form_top">
                    <span></span>
                    <em>京东不会以任何理由要求您转账汇款，谨防诈骗。</em>
                </div>
                <!-- 登录方式 -->
               <div class="login_fangshi">
                <a href="javascript:;" class="saoma_login">扫码登录</a>
                <div class="fenjie"></div>
                <a href="javascript:;" class="zhanghu_login">账户登录</a>
               </div>
               <!-- 扫码登录 -->
              <div class="saoma_big">
                <div class="saoma_main">
                    <div class="erweima"></div>
                    <div class="phone_ma"></div>
                </div>
                <div class="sama_text">
                 <span>打开<a href="javascript:;">手机京东</a></span>
                 <em>扫描二维码</em>
                </div>
                <div class="coagent">
                    <div class="item">
                        <div class="item_img"></div>
                        <div class="item_text">免输入</div>
                    </div>
                    <div class="item">
                        <div class="item_img"></div>
                        <div class="item_text">更快</div>
                    </div>
                    <div class="item">
                        <div class="item_img"></div>
                        <div class="item_text">更安全</div>
                    </div>
                </div>
              </div>
              <!-- 账户登录 -->
              <div class="zhanghu_big">
                  <form action="index.html" method="POST" id="myForm">
                     <!-- 错误提示 -->
                 <div class="input_tip">
                    <span></span>
                    <em>请输入账户名和密码</em>
                </div>
                      <!-- 账号 -->
                    <div class="item_uName">
                        <label class="login_lable" for="loginname"></label>
                        <input class="login_text" type="text" name="loginname" placeholder="邮箱/用户名/登录手机">
                    </div>
                    <!-- 密码 -->
                    <div class="item_pwd">
                      <label class="login_lable" for="loginpwd"></label>
                      <input class="login_pwd" type="password" name="loginpwd" placeholder="密码">
                  </div>
                  <!-- 忘记密码 -->
                  <a href="javascript:;" class="wangji">忘记密码</a>
                  <!-- 登录按钮 -->
                  <input type="submit" value="登&nbsp;&nbsp;&nbsp;&nbsp;录" class="login_btn">
                  </form>
              </div>
              <!-- 其他登录方式 -->
              <div class="qita_login">
                  <a href="javascript:;" class="login_qq">
                      <span class="qq_img"></span>
                      <em>QQ</em>
                  </a>
                  <div class="fenge"></div>
                  <a href="javascript:;" class="login_weixin">
                    <span class="weixin_img"></span>
                    <em>微信</em>
                </a>
                <a href="javascript:;" class="liji_zhuce">
                    <div class="you_img"></div>
                    <div class="zhuce_text">立即注册</div>
                </a>
              </div>
            </div>
        </div>
    </div>

    <div class="foot">
        <ul>
            <li><a href="javascript:;">关于我们</a></li>
            <li></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li></li>
            <li><a href="javascript:;">人才招聘</a></li>
            <li></li>
            <li><a href="javascript:;">商家入驻</a></li>
            <li></li>
            <li><a href="javascript:;">广告服务</a></li>
            <li></li>
            <li><a href="javascript:;">手机京东</a></li>
            <li></li>
            <li><a href="javascript:;">友情链接</a></li>
            <li></li>
            <li><a href="javascript:;">销售联盟</a></li>
            <li></li>
            <li><a href="javascript:;">京东社区</a></li>
            <li></li>
            <li><a href="javascript:;">京东公益</a></li>
            <li></li>
            <li><a href="javascript:;">English Site</a></li>
        </ul>
        <div class="banquan">Copyright © 2004-2021  京东JD.com 版权所有</div>
    </div>
</body>
</html>